<template>
<div class="box">
 <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
    type="index"
    label="序号">
    </el-table-column>
    <el-table-column
      prop="authName"
      label="权限名称">
    </el-table-column>
    <el-table-column
      prop="path"
      label="路径">
    </el-table-column>
    <el-table-column
      prop="level"
      label="权限等级">
      <template slot-scope="scope">
      
          <el-tag v-if="scope.row.level==0">一级</el-tag>
          <el-tag v-if="scope.row.level==1" type="success">二级</el-tag>
          <el-tag v-if="scope.row.level==2" type="warning">三级</el-tag>
        
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<script>
export default {
  name: '',
  components: {},
  data () {
    return {
      tableData:[]
    }
  },
  created () { 
    this.$store.dispatch("getPermissionslist").then(res=>{
      console.log(res);
      if(res.meta.status==200){
        this.tableData=res.data
      }
    })
  },
  mounted () { },
  methods: {}
}
</script>

<style scoped lang='scss'>

</style>
